.f-component-text {
  display: block;
  width: 100%;
  overflow: hidden;
}

.f-form-control-text {
  height: $f-input-height;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

// 默认的 Textarea高度是显示三行加间距
.f-form-control-textarea {
  height: calc(#{$f-input-height} + #{$f-input-line-height * $f-font-size-base*2});
  word-break: break-all;
  overflow-y: auto;
  white-space: pre-wrap;
}

/*浏览器会有默认高度，解决此问题*/
textarea.form-control,
.f-form-control-textarea {
  min-height: 60px;
}

.f-form-control-text,
.f-form-control-textarea {
  display: block;

  padding: $f-input-padding-y $f-input-padding-x;
  font-size: $f-font-size-base;
  line-height: $f-input-line-height;
  color: $f-input-color;
  background: $f-input-bg;
  background-clip: padding-box;
  border: $f-input-border-width solid transparent;
  border-bottom-color: $farris-input-viewstatestate-border-color;
  border-radius: 0;
}

// 静态文本前面的标签文本是灰色
.f-state-view {
  .form-group {
    .farris-label-text {
      color: $farris-input-viewstate-label-color;
    }
  }
}

.f-form-control-textarea.f-component-text-auto-size {
  min-height:calc(#{$f-input-height} + #{$f-input-line-height * $f-font-size-base});
  height: auto;
}

.f-form-control-text.f-component-text-auto-size {
  overflow-y: auto;
  white-space: pre-wrap;
  min-height: $f-input-height;
  height: auto;
  @include f-scrollbarDefine();
}